<%--
    Модальное окно для входа зарегистрированных клиентов, включается на все
    страницы клиентской части приложения.
--%>

<%@page contentType="text/html" pageEncoding="UTF-8" %>

<%@taglib prefix="f" uri="http://java.sun.com/jsf/core" %>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html" %>
<%@taglib prefix="a4j" uri="http://richfaces.org/a4j" %>
<%@taglib prefix="rich" uri="http://richfaces.org/rich" %>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Goodwill - Создание заказа</title>
    <link rel="stylesheet" href="resources/css/main.css"/>
    <link rel="stylesheet" href="resources/css/stylesheet.css"/>
    <script type="text/javascript" src="resources/js/prototype.js"></script>
    <style type="text/css">
        .c0 {
            white-space: nowrap;
            background-color: whitesmoke;
            font-weight: bold;
            width: 400px;
        }

        .c1 {
            white-space: nowrap;
            background-color: whitesmoke;
            width: 100px;
        }

        .c2 {
            white-space: nowrap;
            width: 200px;
        }

        #newOrderPanel {
            width: 600px;
            text-align: left;
            margin-top: 20px;
        }

        #hint {
            color: red;
            vertical-align: top;
            font-size: 80%;
        }
    </style>
</head>
<body onload="$('tbName').focus();">
<f:view>
    <jsp:include page="menu.jsp"/>
    <jsp:include page="status.jsp"/>

    <h:form id="fNewOrder" prependId="false">
        <center>
            <rich:panel header="Выберите клиента для создания заказа" id="newOrderPanel">
                <rich:hotKey selector="#newOrderPanel" key="esc" handler="$('tbName').value='';return false;"/>

                <h:panelGrid columns="2" cellpadding="5" cellspacing="5" columnClasses="top,top">
                    <h:outputText value="Введите наименование компании: " styleClass="b"/>
                    <h:panelGroup>
                        <h:inputText value="#{OrdersBean.clientName}" style="width:300px;" tabindex="0" id="tbName"/>
                        <a4j:commandButton value="Поиск" reRender="tblClients" focus="tbName"/><br>
                        <h:outputText id="hint" value="Для поиска необходимо ввести не менее 3х символов"/>
                    </h:panelGroup>
                </h:panelGrid>

                <h:panelGroup id="tblClients">
                <h:panelGroup rendered="#{not empty OrdersBean.clients}">
                    <rich:dataTable value="#{OrdersBean.clients}" var="cl" style="margin-top:15px;" rows="20"
                                    columnClasses="c0,c1,c2">
                        <rich:column>
                            <f:facet name="header">
                                <h:outputText value="Наименование"/>
                            </f:facet>

                            <%--
                                Теперь невозможно создать заказ за клиента без кода 1С или без менеджера.
                                Так то!
                            --%>
                            <a4j:commandLink id="mclient"
                                             value="#{cl.companyName}"
                                             ajaxSingle="true"
                                             action="#{OrdersBean.newOrder}"
                                             oncomplete="if (#{!OrdersBean.hasFacesErrors}) document.location='order'"
                                             rendered="#{!cl.c1CodeIsMissing && !cl.managerIsMissing && cl.active}">
                                <a4j:actionparam name="client_id" assignTo="#{OrdersBean.clientId}" value="#{cl.id}"/>
                            </a4j:commandLink>
                            <h:outputText id="lclient"
                                          value="#{cl.companyName}"
                                          rendered="#{cl.c1CodeIsMissing || cl.managerIsMissing || !cl.active}"/>
                            <h:outputText value="[отсутствует код 1С]" style="font-size:80%;font-weight:bold;color:red" rendered="#{cl.c1CodeIsMissing}"/>
                            <h:outputText value="[отсутствует менеджер]" style="font-size:80%;font-weight:bold;color:red" rendered="#{cl.managerIsMissing}"/>
                            <h:outputText value="[клиент не активен]" style="font-size:80%;font-weight:bold;color:red" rendered="#{!cl.active}"/>
                        </rich:column>
                        <rich:column>
                            <f:facet name="header">
                                <h:outputText value="Пользователь"/>
                            </f:facet>
                            <h:outputText value="#{cl.user.login}" rendered="#{not empty cl.user.login}"/>
                            <h:outputText value="не указан" rendered="#{empty cl.user.login}"
                                          style="color:dimgray;font-size:90%"/>
                        </rich:column>
                        <rich:column>
                            <f:facet name="header">
                                <h:outputText value="Адрес"/>
                            </f:facet>
                            <h:panelGroup rendered="#{not empty cl.addressLaw}">
                                <h:outputText value="#{cl.addressLawTrimmed}"
                                              style="color:dimgray;font-size:90%;padding-left:5px" id="lClientAddress"/>
                                <rich:toolTip for="lClientAddress"><h:outputText value="#{cl.addressLaw}"/></rich:toolTip>
                            </h:panelGroup>
                            <h:outputText value="не указан" style="font-size:90%;color:dimgray;" rendered="#{empty cl.addressLaw}"/>
                        </rich:column>
                    </rich:dataTable>
                </h:panelGroup>
                </h:panelGroup>
            </rich:panel>

        </center>
    </h:form>
</f:view>
</body>
</html>